@import 'variables.scss';

.console-page{
    position: $relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: $background-color-base;

    .ad {
        background: $body-background;
        box-shadow: $shadow-card;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ad-top {
        width: 100%;
        height: 60px;

    }

    .console-page-content {
        width: 100%;
        height: 100%;
        padding: 20px;

        .console-page-content-head {
            display: flex;
            justify-content: space-between;

            .console-page-content-title {
                font-size: 16px;
                font-weight: bold;
            }
        }

        .console-page-content-body {
            position: $relative;
            .content-body-side-nav {
                width: 200px;
                position: $absolute;
                top: 0;
                left: 0;
                .content-body-card {
                    margin:10px 0 10px;
                }
            }
            .content-body-side-right {
                position: $absolute;
                top: 10px;
                right: 0;
                left: 200px;
                margin-left: 20px;
                background: $body-background;
                border-radius: $border-radius-small;
                padding: 10px;
                overflow: hidden;
                border-top: 3px solid $border-color-bule;
                .content-body-side-right-title {
                    height: 30px;
                    border-bottom: $border-width-base $border-style-base $border-color-split;
                    margin-bottom: 10px
                }
                .content-body-side-right-content {
                    overflow: hidden;
                }

            }
        }
    }

    .ad-bottom {
        width: 100%;
        height: 80px;
        display: flex;

        .ad-bottom-div {
            width: 50%;
            margin: 0 10px 10px;
        }
    }
}